<!-- page:framework/easyuiRightNotices.jsp -->
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<meta http-equiv="refresh" content="20"><!-- 每隔20秒刷新一次页面 -->
<%@ include file="/common.jsp" %>
<%@ taglib prefix="c"   uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<script type="text/javascript">
var c;
var fun=Function;
$(function() {
	/** 动态设置div1的高度：根据后台返回的记录数来动态设定*/
	var listSize = ${size} ;
	//console.info(listSize);
	var div1Heigth = 70*(listSize-1);
	//console.info(div1Heigth);
	$("#div1").height(div1Heigth);
	
	/** 实现公告信息自动向上滚动     
		说明：
			#div1里的高度（250px）即是你需要显示的行数
			js里的70即是要滚动的行高；
			1500即是每次滚动所需要的时间，越大则速度越慢！
	 */
	with(o=document.getElementById("div1")){ 
		innerHTML+=innerHTML; 
		onmouseover=fun("c=1"); 
		onmouseout=fun("c=0");
	}
	(F=fun("if(#%70||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%70?10:1500);".replace(/#/g,"o.scrollTop")))();
	/** 实现公告信息自动向上滚动    End  */
});

function refreshFun(){
	parent.frames[0].location.reload();
}
</script>
<body class="easyui-layout" data-options="fit:true,border:false">
    <div data-options="region:'center',border:false,title:''"  style="overflow:hidden;">
        <!-- 获取公告信息：采用自动向上滚动的方式展现 -->
		<div id="div1" style="height:140px;overflow:hidden;">
			<c:forEach items="${list}" var="item" varStatus="index">
				<table style="height:65px;">
					<tr>
						<td rowspan=2 style="border:0">
							<img src="${pageContext.request.contextPath }/static/images/video.png" 
								style="height:50px;">
						</td>
						<td style="border:0">
							<p>
								<c:if test="${fn:length(item.title)>10}">${fn:substring(item.title,0,10) }...</c:if>
							    <c:if test="${fn:length(item.title)<=10}">${item.title}</c:if>
							</p>
							<p><fmt:formatDate value="${item.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></p>
						</td>
					</tr>
				</table>
			</c:forEach>
		</div>
		<div>
			<ul>
				<li>默认自动加载最新公告</li>
				<li>默认加载频率为20秒</li>
				<li>默认显示最新5条公告</li>
			</ul>
<!-- 			<a href="javascript:void(0);" class="easyui-linkbutton" -->
<!--       			data-options="iconCls:'fi-refresh icon-black',plain:true"  -->
<!-- 				onclick="refreshFun()" >手动加载</a> -->
		</div>
	</div>
</body>
</html>
